<script setup>
import { reactive } from 'vue';
import FilterRate from '../../components/FilterRate.vue';

const data = reactive([
  {
    title: '类型',
    options: ['动作', '冒险', '灾难', '爱情', '古装', '喜剧', '记录', '历史', '科幻', '动画']
  },
  {
    title: '年代',
    options: ['2000', '2001', '2002', '2003', '2004', '2005', '2006', '2007', '2008', '2009']
  },
  {
    title: '地区',
    options: ['大陆', '港台', '美国', '英国', '韩国', '印度', '日本', '新加坡', '澳大利亚']
  }
])
function getQuery(query) {
  console.log(query)
}
</script>

<template>
  <FilterRate :data="data" @change="getQuery"></FilterRate>
</template>

<style scoped>

</style>
